import React from 'react'


const Add = () => {
  // 提交表单
  const add = async (values: any) => {
    values.busid = React.Business.id

    var result = await React.HTTP.post('/guest/add', values)

    if (result.code) {
      React.success(result.msg)
    } else {
      React.error(result.msg, () => { })
    }
  }

  return (
    <>
      <React.UI.Form
        initialValues={{ mobile: '', nickname: '' }}
        name="add"
        onFinish={add}
        footer={
          <React.UI.Button block type='submit' color='primary' size='large'>
            提交
          </React.UI.Button>
        }
      >
        {/* 昵称 */}
        <React.UI.Form.Item name="nickname" label="昵称" rules={[{ required: true }]}>
          <React.UI.Input placeholder="请输入昵称" />
        </React.UI.Form.Item>

        {/* 手机号码 */}
        <React.UI.Form.Item name='mobile' label='手机号码' rules={[{ required: true }, { pattern: /^1[3456789]\d{9}$/, message: '手机格式不对' }]}>
          <React.UI.Input placeholder='请输入手机号' />
        </React.UI.Form.Item>

        {/* 性别 */}
        <React.UI.Form.Item name="gender" label="性别" rules={[{ required: true }]}>
          <React.UI.Radio.Group>
            <React.UI.Space direction='horizontal'>
              <React.UI.Radio value='0'>女</React.UI.Radio>
              <React.UI.Radio value='1'>男</React.UI.Radio>
            </React.UI.Space>
          </React.UI.Radio.Group>
        </React.UI.Form.Item>

      </React.UI.Form>
    </>
  )
}

export default Add
